/*
* @author Sangheethan Subramaniam
*
* @description Style Sheet for infologik
*/
body{
	margin:0 auto;
	background-color:#f7f5d2;
	font:corbel;
	background:url(../img/header_bg.gif) repeat-x;	
}

/*
* @description 960 Grid system
**/

.grid_1 { width:70px;}
.grid_2 { width:150px;}
.grid_3 { width:230px;}
.grid_4 { width:310px;}
.grid_5 { width:390px;}
.grid_6 { width:470px;}
.grid_7 { width:540px;}
.grid_8 { width:630px;}
.grid_9 { width:710px;}
.grid_10 { width:790px;}
.grid_11 { width:870px;}
.grid_12 { width:950px;}

.column {
	margin: 5px 5px;
	float: left;
	display: inline;
	}
.row {
	margin: 5px auto;
	width:960px;
}
.row .row {
	margin: 0 -5px;
	width: auto;
	display: inline-block;
}
.right{
	float:right;
}
.right-gutter{
	margin-right:5px;
}
.left-gutter{
	margin-left:5px;
}

/*
Header properties
*/
#header{

	height:117px;
}

.top-navigation{
	list-style:none;
	float:right;
	padding:0;margin:0;
}
.top-navigation li{
	float:left;
}
.top-navigation li a{
	text-decoration:none;
	color:#818181;
	font-size:13px;
	font-weight:bold;
	padding:0 2px;
}
.top-navigation li#customer-management{
	background:url(../img/top_nav_bar.gif) 0 0;
	line-height:32px;
	padding:0 12px;
}
.top-navigation li#project-management{
	background:url(../img/top_nav_bar.gif) 271px 0;
	line-height:32px;
	padding:0 12px;
}
.top-navigation li#project-reporting{
	background:url(../img/top_nav_bar.gif) 126px 0;
	line-height:32px;
	padding:0 12px;
}

/*
* Main content
**/

#main{
	margin-top:10px;
	background:url(../img/main_bg.gif) repeat-x;
	height:400px;
}

/*
* @author Vinayagamoorthy Lingam
* @description Left side bar
*
*/

ul#list-nav {
list-style: none;
margin-top: 20px;
padding: 0;
background: url(../img/sidebar.png) right no-repeat;
height: 300px;
}

ul#list-nav li {
display:inline
}

ul#list-nav li ul {
display:none
}
ul#list-nav li:hover ul {
display: block;
position: absolute;
left: 404px;
z-index: 999;
top: 155px;
}

ul#list-nav li:hover ul li{
	position:relative;display:block;width:65px;height:65px;	
}
ul#list-nav li:hover ul li a{
text-decoration:none;
padding:10px 0;
width:60px;
height:40px;
line-height:20px;

border:1px solid #FFF;
position:relative;
display:block;
color:grey;
/*float:left;*/
text-align:center;
border-left:1px solid #fff;
text-transform:capitalize
}

ul#list-nav li:hover ul li a:hover{
background:#FFF;
color:grey;
}

ul#list-nav li a {
text-decoration:none;
padding:5px 20px;
width:243px;
height:40px;
line-height:40px;
background: url(../img/sprite.png) -116px -243px no-repeat;
/*background:url(../img/gray-bg.jpg) no-repeat;*/
position:relative;
display:block;
color:grey;
/*float:left;*/
/*text-align:center;*/
/*border-left:1px solid #fff;*/
text-transform:capitalize
}

ul#list-nav li a:hover {
background: url(../img/sprite.png) -20px -168px no-repeat;
color:#FFF;
}

iframe{
	display:none;
}
#Form_content{
	padding:25px 35px;
	font-family: corbel;
	font-size: 15px;
	color: #414040;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#e2e2e2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#e2e2e2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #efefef 0%,#e2e2e2 100%); /* W3C */	
	-webkit-box-shadow: 1px 1px 3px 1px #ccc;
	-moz-box-shadow: 1px 1px 3px 1px #ccc;
	box-shadow: 1px 1px 3px 1px #ccc					
}
#Form_content input[type=text]{
	height: 37px;
	width: 261px;
	background: url(../img/sprite.png) -9px -58px no-repeat;
	border: none;
	margin-left:25px;
	padding:0 10px;
}
#Form_content input[type=submit]{
	height: 47px;
	width: 132px;
	background: url(../img/sprite.png) -9px -109px no-repeat;
	border: none;
	margin-left: 25px;
	color: white;
	font-family: corbel;
	font-size: 18px;
	font-weight: bold;
}
#Form_content table td{
	line-height:55px;
}
#Form_content table#display-list td{
	line-height:20px;
	border:1px solid #ddd;
}
#Form_content table#display-list th{
	background-color:#ddd;
	line-height:40px;
}
.FormTitle{
	background:url(../img/sprite.png) 0 0 no-repeat;
	height:47px;
}
.FormTitle h2{
	color: #fff;
	font-family: corbel;
	font-size: 18px;
	padding: 10px;
}
#successMessage{
	background:#f6aeae;
	color:#b90a0a;
	border:1px solid #a91919;
	padding:10px;
	margin-top:20px;
}